<template>
  <div>
    <!--<div class="_blank"></div>-->
    <div class="ofbottom">
      <div class="introduce">
        <div class="inner">
          <div class="ii-left">
            <div class="iil-each">
              <h3>关于我们</h3>
              <a href="http://www.jshrdtz.com/read_20.html">企业简介</a>
              <a href="http://www.jshrdtz.com/read_21.html">组织架构</a>
              <a href="http://www.jshrdtz.com/read_23.html">安全保障</a>
            </div>
            <div class="iil-each">
              <h3>新闻中心</h3>
              <a href="http://www.jshrdtz.com/cate_25.html">企业新闻</a>
              <a href="http://www.jshrdtz.com/cate_26.html">业界动态</a>
            </div>
            <div class="iil-each">
              <h3>投资咨询</h3>
              <a href="http://www.jshrdtz.com/read_28.html">网约车投资</a>
              <a href="http://www.jshrdtz.com/read_29.html">债权投资</a>
              <a href="http://www.jshrdtz.com/read_30.html">股权投资</a>
              <a href="http://www.jshrdtz.com/read_31.html">国内与海外保险与资产配置</a>
            </div>
          </div>
          <div class="middle-line"></div>
          <div class="ii-right">
            <div class="iir-code">
              <img src="../../assets/login/code.jpg" alt="">
              <p>扫一扫 关注我们</p>

            </div>
            <div class="concat-us">
              <h2>联系我们</h2>
              <p>
                <icon class="wordicon" name="phone-square" scale="1.7"></icon>
                服务热线:4000-667-222
              </p>
              <p>
                <icon class="wordicon" name="location-arrow" scale="1.7"></icon>
                总部地址:南京市秦淮区常府街29-7号
              </p>
            </div>
          </div>
        </div>
      </div>

      <div class="login-bottom" ref="bottomh">
        <p>版权所有 江苏汇瑞德资产管理有限公司 COPYRIGHT 2016. ALL RIGHTS RESERVED. 苏ICP备17064915号-1</p>
      </div>
    </div>

  </div>

</template>
<script>
  import 'vue-awesome/icons'
  import Icon from 'vue-awesome/components/Icon'
  export default {
    name: "bottom",
    components: {
      Icon
    },
  }
</script>
<style scoped lang="scss">
  ._blank{
    width: 100%;
    height: 344px;
  }
  .introduce {
    width: 100%;
    min-width: 1210px;
    height: 268px;
    padding-bottom: 50px;
    background-color: #313131;
    .inner {
      width: 1200px;
      margin: 0 auto;
      overflow: hidden;
      .middle-line {
        width: 2px;
        height: 158px;
        background-color: #5e5e5e;
        float: left;
        margin-top: 50px;
      }
      .ii-left {
        width: 630px;
        float: left;
        .iil-each {
          display: inline-block;
          margin: 50px 45px 0;
          vertical-align: top;

          h3 {
            width: 100%;
            text-align: center;
            font-size: 20px;
            color: #ffffff;
            margin-bottom: 20px;
          }
          a {
            width: 100%;
            text-align: center;
            font-size: 14px;
            color: #7b7b7b;
            display: block;
            margin: 10px 0;

          }
        }
      }
      .ii-right {
        width: 568px;
        float: left;
        .iir-code {
          margin: 60px 0 0 78px;
          width: 90px;
          float: left;
          p {
            font-size: 12px;
            color: #7b7b7b;
            margin-top: 8px;
          }

        }
        .concat-us {
          float: left;
          margin-left: 55px;
          margin-top: 50px;
          h2 {
            color: #ffffff;
            text-align: left;
            margin-bottom: 20px;
            font-size: 20px;
          }
          p {
            color: #7b7b7b;
            text-align: left;
            vertical-align: middle;
            /*line-height: 34px;*/
            margin-top: 8px;
            .wordicon {
              vertical-align: middle;
              margin-right: 15px;
            }
          }
        }
      }
    }
  }
  .login-bottom {
    width: 100%;
    min-width: 1210px;
    background-color: #b9963f;
    overflow: hidden;

    p {
      color: #ffffff;
      font-size: 12px;
      text-align: center;
      font-weight: 600;
      width: 100%;
      margin: 20px 0;
    }
  }
  @media (max-width: 1400px) {
    ._blank{
      width: 100%;
      height: 344px;
    }
    .introduce {
      width: 100%;
      min-width: 1210px;
      height: 268px;
      padding-bottom: 50px;
      background-color: #313131;
      .inner {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        .middle-line {
          width: 2px;
          height: 158px;
          background-color: #5e5e5e;
          float: left;
          margin-top: 50px;
        }
        .ii-left {
          width: 630px;
          float: left;
          .iil-each {
            display: inline-block;
            margin: 50px 45px 0;
            vertical-align: top;

            h3 {
              width: 100%;
              text-align: center;
              font-size: 20px;
              color: #ffffff;
              margin-bottom: 20px;
            }
            a {
              width: 100%;
              text-align: center;
              font-size: 14px;
              color: #7b7b7b;
              display: block;
              margin: 10px 0;

            }
          }
        }
        .ii-right {
          width: 568px;
          float: left;
          .iir-code {
            margin: 60px 0 0 78px;
            width: 90px;
            float: left;
            p {
              font-size: 12px;
              color: #7b7b7b;
              margin-top: 8px;
            }

          }
          .concat-us {
            float: left;
            margin-left: 55px;
            margin-top: 50px;
            h2 {
              color: #ffffff;
              text-align: left;
              margin-bottom: 20px;
              font-size: 20px;
            }
            p {
              color: #7b7b7b;
              text-align: left;
              vertical-align: middle;
              /*line-height: 34px;*/
              margin-top: 8px;
              .wordicon {
                vertical-align: middle;
                margin-right: 15px;
              }
            }
          }
        }
      }
    }
    .login-bottom {
      width: 100%;
      min-width: 1210px;
      background-color: #b9963f;
      overflow: hidden;

      p {
        color: #ffffff;
        font-size: 12px;
        text-align: center;
        font-weight: 600;
        width: 100%;
        margin: 20px 0;
      }
    }
  }
</style>
